{% extends "base.html" %}
{% block content %}
<h2>Wireless Positioning</h2>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAA7bE9btBurEq_VVUPhYChMBS0AgXTBKJyo2HD6hxgqYUU3_oywRRN4ZiF7vF2HZpEsykX2fvcALW1qg" type="text/javascript"></script>
{% for s in script %}
	{% if s.online %}
		<script type="text/javascript">
		
		{{s.script|safe}}
		</script>
	{% endif %}
{% endfor %}

<div id="map_canvas" style="width: 800px; height: 500px"></div>
<div id = "map" style="width: 800px; height: 500px">
    <canvas id="canvas"></canvas>
</div>
<div id="rightbar">
    <div class="rightcontent">
    <form action="" method="post" name="layers">
        <h4>Layers and Display </h4>
        <strong>layer:</strong><br />
        <input type= "radio" name="layer" value="lines"/>Lines <br />
        <input type= "radio" name="layer" value="photo"/>Photo <br />
        <strong>Overlay:</strong><br />
        <input type= "checkbox" name="overlay" value="ap"/>Access Point<br />
        <input type= "checkbox" name="overlay" value="cl"/>Current Location<br />
        <input type= "checkbox" name="overlay" value="tr"/>Tracing<br />
        <input type="submit" value="submit" />
    </form>
    </div>
</div>
{% endblock %}